<%--
  Created by IntelliJ IDEA.
  User: ASUS
  Date: 2022/12/25
  Time: 17:54
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <script>
        Date.prototype.format = function (fmt) {
            var o = {
                "y+": this.getFullYear, //年
                "M+": this.getMonth() + 1, //月份
                "d+": this.getDate(), //日
                "h+": this.getHours(), //小时
                "m+": this.getMinutes(), //分
                "s+": this.getSeconds() //秒
            };
            if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
            for (var k in o)
                if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
            return fmt;
        }
        setInterval("document.getElementById('dateTime').innerHTML = (new Date()).format('yyyy-MM-dd hh:mm:ss');", 1000);
    </script>
    <style type="text/css">
        body{
            background-color: #999999;
        }
        .title{
            width: auto;
            height: 10%;
            display: flex;
            justify-content: center;
            background-color: aliceblue;
            border-radius: 10px;
            color: #000
        }
        .title h1{
            opacity: 0.7;
        }
        .content div{
            height: 40%;
            width: 49.5%;
            background-color: aliceblue;
            border-radius: 10px;
            float: left;
            margin-top: 2%;
        }
        .content p{
            font-family: "仿宋";
            font-weight: bolder;
            font-size: 20px;
            opacity: 0.8;
        }
        .c1{
            position: relative;
        }
        .c1 div{
            position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);
        }
        .c2{
            margin-left: 1%;
            position: relative;
        }
        .c2 div{
            position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);
        }
        .c3{
            position: relative;
        }
        .c3 div{
            position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);
        }
        .c4{
            margin-left: 1%;
            position: relative;
        }
        .c4 div{
            position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);
        }

    </style>
</head>
<body>
<div class="title">
    <h1> 欢迎使用爱计划后台管理系统! Welcome To iPlan!</h1>
</div>
<div class="content">
    <div class="c1">
        <div>
            <p>欢迎！管理员：</p>
            <p>${managerID}</p>
        </div>

    </div>
    <div class="c2">
        <div>
            <p>当前时间：</p>
            <p id="dateTime"></p>
        </div>

    </div>
    <div class="c3">
        <div>
            <P>当前用户数量：</P>
            <p>${count}&nbsp;个用户</p>
        </div>

    </div>
    <div class="c4">
        <div>
            <p>奋斗青春！精彩未来！</p>
            <p>Copyright©2022 iPlan 河北师范大学软件学院2020级无言组</p>
        </div>
    </div>
</div>

</body>
</html>
